.viewEditDetail {
	width: 100%;
	height: 100vh;
	display: flex;

	.leftMenu {
		width: 200px;
		height: 100%;
		background-color: #333;

		.compBox {
			display: flex;
			flex-direction: column;
			margin-top: 20px;

			.comp {
				font-size: 14px;
				color: #fff;
				display: flex;
				align-items: center;
				margin: 15px 0;
				cursor: pointer;
				padding-left: 20px;

				.icon {
					margin-right: 10px;
				}
			}
		}

	}

	.detailContent {
		margin-left: 20px;
		width: 900px;
		height: 100%;
		background-color: #fff;
		border: 2px solid#CCC;
		position: relative;
		overflow: hidden;

		.form-head {
			text-align: center;

			.title {
				font-size: 30px;
				display: inline-block;
				text-align: center;
			}
		}

		.dragBox {
			position: absolute;
			// border:2px solid #13c2c2;
			// position: relative;

			.editBar {
				position: absolute;
				right: 0;
				top: -20px;
				opacity: 0;

				.setting {
					cursor: pointer;
					color: #CCC;

				}
				.del{
					cursor: pointer;
					color: rgb(250, 139, 111);
					margin-right: 5px;
				}
			}

		}

		.dragBox:hover .editBar {
			opacity: 1;
		}

		.comp {}

		.footer {
			position: absolute;
			bottom: 20px;
			width: 100%;
			text-align: center;

			.save {
				margin-left: 10px;
			}
		}
	}
	.rigBox{
		width: 100px;
		min-height: 300px;
		border:1px solid #ccc;
		display: flex;
		flex-direction: column;
		// justify-content: center;
		// align-items: center;
		span{
			padding: 10px 0;
			text-align: center;
			border-bottom: 1px solid #ccc;
			cursor: pointer;
		}
	}
}